<template>
    <div class="content">
        <!-- <transition name="fade" mode="out-in">
            <router-view></router-view>
        </transition> -->
    </div>


    <!-- <div class="report" id="reportViewer1">
        <wj-report-viewer serviceUrl="http://paeaustar01:336"
            :filePath="filePath"  :paginated="true">
        </wj-report-viewer>
        <wj-report-viewer serviceUrl="https://www.grapecity.com/componentone/demos/aspnet/c1webapi/latest/api/report"
            :filePath="filePath">
        </wj-report-viewer>
        <iframe class="iframes" src="http://paeaustar01:336/Reports_WINCC/Pages/Report.aspx?ItemPath=%2f%e6%b5%8b%e8%af%95%e6%8a%a5%e8%a1%a8%e9%93%be%e6%8e%a520211124" frameborder="0"></iframe>
    </div> -->
</template>

<script>
import '@grapecity/wijmo.styles/wijmo.css';
import '@grapecity/wijmo.vue2.viewer';
import { getReports } from './data';
export default {
    data(){
        return {
            categories: null,
            filePath: '',
            reportName: ''
        }
    },

    // computed: {
    //     reportInfo: {
    //         get() {
    //             return `${this.filePath}*${this.reportName}`;
    //         },
    //         set(value) {
    //             let info = value.split('*');
    //             this.filePath = info[0];
    //             console.log(value)
    //             this.reportName = info[1];
    //             }
    //     }
    // },
    created() {
        // let reports = getReports();
        //     //
        //     this.categories = reports.categories;
        //     // this.filePath = `c1ssrs/${reports.selectedReport.categoryName}/${reports.selectedReport.reportName}`;
        //     this.filePath = `Reports_WINCC/Pages/${reports.selectedReport.categoryName}`;
        //     console.log(this.filePath)
    },
    methods:{
        
    }
}
</script>


<style scoped>
    .fade-enter{
        opacity: 0;
    }
    .fade-enter-active{
        transition: opacity .3s;
    }
    .fade-leave-to{
        opacity: 0;
    }
    .fade-leave-active{
        transition: opacity .3s;
    }
    .content{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }
</style>